<template>
  <n-split class="app" direction="horizontal" style="height: 100vh">
    <template #1>
      <n-split direction="vertical">
        <template #1><HeData/></template>
        <template #2><HeTmpl/></template>
      </n-split>
    </template>
    <template #2>
      <HeRender/>
    </template>
  </n-split>
</template>

<script setup lang="ts">
import HeData from "./he-data.vue"
import HeTmpl from "./he-tmpl.vue";
import HeRender from "./he-render.vue";

</script>

<style scoped>

</style>